<!DOCTYPE html>
<html class="x-admin-sm">

<head>
	<meta charset="UTF-8">
	<title></title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
	<link rel="stylesheet" href="/css/font.css">
	<link rel="stylesheet" href="/css/xadmin.css">
	<script type="text/javascript" src="/lib/layui/layui.js" charset="utf-8"></script>
	<script type="text/javascript" src="/js/xadmin.js"></script>
	<script type="text/javascript" src="/js/jquery.min.js"></script>
	<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
	<!--[if lt IE 9]>
	<script src="/js/html5.min.js"></script>
	<script src="/js/respond.min.js"></script>
	<![endif]-->
</head>
<style>
	.layui-form-item .layui-input-inline {
		width: 300px!important;
	}
	video{
		width: 500px;	
	}
</style>

<body>
<div class="x-nav">
	<a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" onclick="location.reload()" title="刷新">
		<i class="layui-icon layui-icon-refresh" style="line-height:30px"></i>
	</a>
</div>
<div class="layui-fluid">
	<div class="layui-row">
		<form class="layui-form">


			<div class="layui-form-item">
				<label for="phone" class="layui-form-label"><span class="x-red">*</span>视频文件</label>
				<div class="layui-input-inline">
				<button type="button" class="layui-btn" id="test5"><i class="layui-icon"></i>上传视频</button>
				
				</div>
			</div>

			<div class="layui-form-item">
				<label for="phone" class="layui-form-label"><span class="x-red">*</span>视频预览</label>
				<div class="layui-input-inline">
		
		         
		         <video id="video" controls=""  autoplay="on" src="/<?= $video['url'] ?>"></video>
				
					</div>
			</div>
              

		</form>
	</div>
</div>
<script>
    layui.use(['layer','form','upload'],function() {
        var form = layui.form;
        var layer = layui.layer;
        var upload = layui.upload;
        $ = layui.jquery;
        
        
        upload.render({
    elem: '#test5'
    ,url: '/home/uploadvideo'
    ,accept: 'video' //视频
    ,done: function(res){
    	layer.msg(res.msg);
      $('#video').attr('src',res.url);
     
    }
  });
        

    });
</script>
</body>

</html>
